.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}


.header{
     display: flex;
    .px2rem(height, 90);
     align-items: center;
     background: linear-gradient(top,#f50000,#b40000);
     .center{
         flex: 1;
         .px2rem(font-size, 40);
         text-align: center; 
         color: white; 
     }
     
    
}


.section{
    display: flex;
    align-items: center;
    justify-content: center;
    .px2rem(margin-top, 20);
//  margin-top: 20px;
    .left{
        flex: 1;
        display: flex;
        .px2rem(height, 50);
        .px2rem(line-height, 50);
        .px2rem(font-size, 32);
        .px2rem(margin-left, 25);
        .px2rem(font-size, 32);
        .px2rem(border-radius, 10);
//      height: 50px;
//      line-height: 50px;
//      font-size: 32px;
//      margin-left: 25px;
//      border-radius: 10px;
        border: 1px solid darkgray;
        overflow: hidden;
        img{
            .px2rem(padding, 5);
//          padding: 5px;
        }
        input{
            flex: 1;
            border: none;
            outline: none;
            .px2rem(padding-left, 5);
//          padding-left: 5px;
        }
    }
    .right{
        text-align: center;
        .px2rem(width, 110);
        .px2rem(height, 45);
        .px2rem(line-height, 45);
        .px2rem(margin-left, 25);
        .px2rem(margin-right, 25);
        .px2rem(font-size, 32);
        .px2rem(border-radius, 10);
//      width: 110px;
//      height: 45px;
//      line-height: 45px;
//      margin-left: 25px;
//      margin-right: 25px;
//      padding: 4px 25px;
//      font-size: 32px;
//      border-radius: 10px;
        border: 1px solid darkgray;
        background: linear-gradient(top,#fdfdfd,#e5e5e5);
    }
    
}



.footer {
    position: fixed;
    width: 100%;
    .px2rem(bottom,0);
    .nav {
        margin: 0 auto;
        display: flex;
        background: black;
        li {
            flex: 1;
            display: flex;
            flex-direction: column;
            .px2rem(height,100);
            .px2rem(margin-top,5);
            .px2rem(margin-left,20);
            .px2rem(margin-right,20);
            .px2rem(margin-bottom,5);
            .px2rem(border-radius,5);
            align-items: center;
            .img {
                .px2rem(margin-top,5);
            }
            .title {
                text-align: center;
                color: white;
            }
            &.show {
                background: #6f6f6f;
            }
        }
    }
}






